/*lszp style.css */
.pc{display: block;}
.m{display: none;}

.header-box{width: 100%;height: 90px;position: absolute;top:0;left:0;z-index:99;background:rgba(255,255,255,0.2);}
.header-box:hover{background:#fff;}
.header-wrap{display: flex; justify-content: space-between; align-items: center;}
.header-wrap .logo{vertical-align: middle; width: 180px}
.header-wrap .logo1{vertical-align: middle; display: none; width: 180px}
.header-box:hover .logo1{display: block;}
.header-box:hover .logo{display: none;}

.header-wrap .menu{position: relative;z-index: 2;flex:1;margin:0px 40px 0 80px; display: flex; justify-content: space-between;}
.header-wrap .menu li.menuli{font-size:18px;line-height: 90px;position: relative;z-index: 2;width:100px;text-align: center;}
.header-wrap .menu li.menuli:last-child{margin-right: 0px;}
.header-wrap .menu li.menuli:after{content:'';display: block;width:0px;height: 4px;transition: all 0.6s;background: #116bc4;margin:0 auto;margin-top: -4px;background-size:cover;}
.header-wrap .menu li.menuli .top-a{color: #FFF}
.header-box:hover .menu li.menuli .top-a{color: #333}
.header-wrap .menu li.menuli:hover .top-a,.header-wrap .menu li.active .top-a{color: #116bc4 !important;}
.header-wrap .menu li.menuli:hover:after,.header-wrap .menu li.menuli.active:after{width:70px;}
.header-wrap .lang span a{font-size:14px;line-height:18px; color: #FFF}
.header-box:hover .lang span a{color: #333}
.menu-nav{position: absolute;background:#fff;overflow: hidden;top:90px;left:-20%;width:140%;text-align: center;z-index: 999;display: none;transition:all .6s;}
.menu-nav a{font-size: 14px;line-height: 40px;border-top: 1px solid #eee;display: block;color: #333333;}
.menu-nav a:hover{background:#116bc4;color: #fff !important;}
.header-wrap .menu li.menuli:hover .menu-nav{display: block;}

.i-banner{ margin:0 auto; position:relative; z-index:0; height:100%;}
.i-banner ul{ width:100% }
.i-banner li{ width:100%;overflow:hidden; text-align:center;height:100%;background-position: center center !important;}
.i-banner li a{ display:block;}
.i-banner li img{width: 100%;}
.i-banner li video{height:100%;}
.i-banner-text{position: absolute;z-index: 99; top:40%;left: 5%;color: #fff;text-align: left;}
.i-banner-text h3{font-size: 50px;line-height: 50px;margin-bottom: 5%;font-weight: bold;color: #2376c8;}
.i-banner-text p{font-size: 24px;line-height: 24px;}

.i-title{padding: 3rem 0; text-align: center;}
.i-title h2{font-size:28px;line-height:28px;margin-bottom:26px;color:#116bc4;font-weight: bold;}
.i-title span{font-size:22px;line-height:22px;color:#676767;}

.i-product{width:100%;background:#eef5fd;padding-top:3rem;overflow: hidden;padding-bottom:75px;}
.i-product .i-p-list{display: flex; justify-content: left; flex-wrap: wrap;}
.i-product .i-p-list li{width:28%;background:#fff;text-align: center;box-sizing: border-box;transition: all 0.6s;margin-bottom:68px;border-radius: 15px;padding:50px 0px;position: relative; margin-left: 8%}
.i-product .i-p-list li:nth-child(3n+1){margin-left: 0}
.i-product .i-p-list li .pro-img{width:313px;height:190px;margin:0 auto;}
.i-product .i-p-list li .pro-img img{height:100%;}
.i-product .i-p-list li:hover{transform: scale(1.3);}
.i-product .i-p-list li h3{font-size:18px;color:#116bc4;line-height:18px;margin-top:20px;margin-bottom:10px;}
.i-product .i-p-list li p.desc{font-size:18px;line-height:18px;color:#7b7b7b;box-sizing: border-box;padding: 0px 10px;}
.i-product .i-p-more{display: block;width:200px;font-size:28px;line-height:60px;background:#003a74;border-radius:10px;color:#fff;text-align: center;margin:0 auto;transition:width 0.6s;}
.i-product .i-p-more:hover{width:260px;}

.i-about{width:100%;background:url(../../images/xm/aboutbg.jpg)no-repeat center;background-size:cover;padding-top:220px;padding-bottom:90px;}
.i-ab-box{display: flex; flex-wrap: wrap; justify-content: space-between;}
.i-about .ab-img{margin-left:-100px;position: relative;}
.i-about .ab-img h3{font-size:40px;line-height:48px;color:#003a74;text-align: right;position: absolute;top:-120px;right:0;}
.i-about .ab-img h3:before{content:'';display:block;width:85px;height:5px;background:#003a74;margin:25px 0px;margin-left:95px;}
.i-about .ab-img .ename{font-size:60px;writing-mode: vertical-lr;text-transform: uppercase;float: left;color:#fff;line-height:60px;margin-right:40px;}
.i-about .ab-img .imgs{width:480px;height:470px;overflow: hidden;}
.i-about .ab-img .imgs img{width:100%;height:100%;object-fit: cover;transition:all 0.6s;}
.i-about .ab-img .imgs:hover img{transform:scale(1.2);}
.i-about .ab-info{width:615px;}
.i-about .ab-info p{font-size:16px;line-height:32px;margin-bottom:20px;}

@media (min-width:1441px) {
    .i-about .ab-img{margin-left:-220px;position: relative;}
    .i-about .ab-img .imgs{width:560px;}
}

.i-partner{}
.i-partner .i-p-list{overflow: hidden;margin-bottom:80px; display: flex; flex-wrap: wrap;}
.i-partner .i-p-list li{width:19%;margin-right:1.25%;margin-bottom:20px;background:#eee;height:120px;}
.i-partner .i-p-list li:nth-child(5n){margin-right:0px;}
.i-partner .i-p-list li img{width:100%;height:100%;object-fit:scale-down;}

.zheader .header-box{position: inherit; border-bottom: 1px solid #eee; background: #FFF}
.zheader .header-wrap .menu li.menuli .top-a{color: #FFF}
.zheader .header-box .menu li.menuli .top-a{color: #333}
.zheader .header-box .lang span a{color: #333}
.zheader .logo{display: none;}
.zheader .logo1{vertical-align: middle; display: block;}


.zbanner{width: 100%; font-size: 0}
.zbanner img{width: 100%}

.zcontact{padding-top:80px;padding-bottom: 45px;text-align: center;}
.zcontact h2{font-size:28px;line-height:28px;color:#2a6cb5;margin-bottom:15px;font-weight: bold;}
.zcontact p{font-size:22px;color:#676767;line-height:22px;}
#map{width: 100%; height: 450px}

.zjob{padding: 4rem 0; background: #efefef}
.zjob .job-text{width:100%;box-sizing: border-box;padding:35px 30px;background:#fff;margin-top:20px; display: flex; justify-content: space-between; align-items: center;}
.zjob .on{border-bottom:2px solid #f0f0f0;}
.zjob .job-text .job-title{width:80%;}
.zjob .job-text .em{width:10%;text-align: right;}
.zjob .job-text .job-title h3{font-size:24px;line-height:24px;margin-bottom:20px;display: flex; justify-content: space-between;}
.zjob .job-text .job-title .job-desc{font-size:16px;line-height:16px;color:#ababab; display: flex; justify-content: space-between; align-items: center;}
.zjob .job-info .job-info-con{width:100%;background:#fff;box-sizing: border-box;padding:25px 30px;}
.zjob .job-info .job-info-con p b{color:#333;}
.zjob .job-info .job-info-con p{font-size:16px;line-height:32px;color:#717378;}

.znews{padding: 4rem 0; background: #efefef}
.news-list li{width:100%;box-sizing: border-box;padding:28px 36px;background:#fff;border-radius:15px;margin-bottom:38px; justify-content: space-between; display: flex;}
.news-list li .list-img{width:400px;height:229px;overflow:hidden;margin-right:72px;}
.news-list li .list-img img{width:100%;height:100%;object-fit: cover;transition: all 0.6s;}
.news-list li:hover .list-img img{transform: scale(1.2);}
.news-list li .news-text{flex:1;height:229px; display: flex; flex-direction: column; justify-content: space-around;}
.news-list li h1{font-size:28px;line-height:28px;color:#2a6cb5;text-align: center;width: 100%;}
.news-list li .news-text h3{font-size:28px;line-height:28px;font-weight: normal;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.news-list li .news-text p.desc{font-size:18px;color:#7b7b7b;line-height:32px;}
.news-list li .news-text a{font-size:20px;color:#7b7b7b;line-height:20px;}
.news-list li .news-text a.more{text-align: right;}
.news-list li:hover .news-text a{color:#2a6cb5;}

.znews-intro{width: 100%; background-color: #FFF; padding: 3rem 0 4rem 0;}
.znews-intro-list{width:90%; margin: 0 auto;}
.znews-intro-list-con{ display: block; position: relative;border-bottom: 1.5px solid rgba(0, 0, 0, .3); padding: 3rem 0; display: flex; justify-content: space-between;}
.znews-intro-list-con .thumb{width: 42%;position: relative; overflow: hidden;}
.znews-intro-list-con .thumb .syin{width: 120px;position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto;}

.znews-intro-list-con .img{width: 100%;font-size: 0;height: auto;overflow: hidden;background: center center no-repeat; background-size: cover;-webkit-transition: all .5s;transition: all .5s;}
.znews-intro-list-con .img img{width: 100%;}
.znews-intro-list-con .thumb:hover .img{-webkit-transform: scale(1.1, 1.1);-moz-transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);transform: scale(1.1, 1.1);}

.znews-intro-list-con .detail{width: 50%;}
.znews-intro-list-con .detail .tit{display: flex; justify-content: space-between;}
.znews-intro-list-con .detail .tit .time{font-size: 16px;color: #272727; position: relative; font-weight: 600; width: 50px; line-height: 1.4;}
.znews-intro-list-con .detail .tit .time:after{width: 40px; content:""; position: absolute; height: 2px; background-color: #004d9c; bottom: -18px; left: 0;}
.znews-intro-list-con .detail .tit h2{width: 84%; color: rgba(0, 0, 0, .9);}
.znews-intro-list-con .detail .desc{padding-top: 3rem; font-size: 14px; color: #888; padding-bottom: 2rem; border-bottom: 1px solid rgba(0, 0, 0, .3);}
.znews-intro-list-con .detail .more{text-align: right; padding-top: 4rem;}
.znews-intro-list-con .detail .more span{display: inline-block; padding: 8px 30px; border-radius: 20px;color: #FFF; background-color: #004d9c;}
.znews-intro-list-con .detail .more span:hover{background-color: #054484;}

.znews-intro-list-con:hover .detail .more span{background-color: #054484;}
.znews-intro-list-con:hover:before{position: absolute; width: 5px; height: 70%; background-color: #004d9c; left:-40px; padding-top: 2rem; content: "";}
.znews-intro-list-con:hover:after{position: absolute; width: 5px; height: 70%; background-color: #004d9c; right:-40px; padding-top: 2rem; content: "";}
.znews-intro-list-con:last-child{border-bottom: 0;}

.znews-intro-box{display: flex; justify-content: center;color: #606060;}
.znews-intro-box .left{width: 30%;}
.znews-intro-box .time{font-size: 22px;}
.znews-intro-box .left .nav{font-size:14px;}

.znews-intro-box .right{color: #000; width: 60%;}
.znews-intro-box .right h2{font-weight: inherit; font-size: 20px; padding-bottom: 20px; border-bottom: 1px solid #ddd;}
.znews-intro-box .right .detail{font-size: 14px; padding: 2rem 0; color: #666;}
.znews-intro-box .right .detail p{padding: 15px 0; line-height: 1.7;}
.znews-intro-box .right .detail img{width: 100%;}
.znews-intro-box .right .detail p img{width: 100%;}

.tj-list{padding-top: 3rem; width: 85%;}
.tj-list h3{color: #272727; font-size: 18px;}
.tj-list p{font-size: 14px; color: #888; padding-bottom: 16px; border-bottom: 1px solid #ddd;}
.tj-list ul li{ width: 100%; }
.tj-list ul li a{display: flex; justify-content: space-between; padding-top: 25px;}
.tj-list ul li .left{width: 45%;}
.tj-list ul li .right{width: 50%;}
.tj-list ul li .left .thumb{position: relative; overflow: hidden;}
.tj-list ul li .left .thumb .thumb-box{position: relative; overflow: hidden;}

.tj-list ul li .left .img{width: 100%;height: auto;overflow: hidden;background: center center no-repeat; background-size: cover;-webkit-transition: all .5s;transition: all .5s;}
.tj-list ul li .left .img img{width: 100%;}
.tj-list ul li .left .thumb:hover .img{-webkit-transform: scale(1.1, 1.1);-moz-transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);transform: scale(1.1, 1.1);}

.tj-list ul li .right .txt{padding: 0;position: relative;-webkit-transition: all .5s;transition: all .5s;}
.tj-list ul li .right .time{font-size: 14px; color: #a0a0a0;padding: 5px 0 10px 0; margin-bottom: 10px; border: 0;}
.tj-list ul li .right h3{font-size: 16px; line-height: 26px; color: #000;text-overflow: ellipsis; white-space: nowrap; overflow: hidden; transition: .5s; -webkit-transition: .5s; position: relative;}
.tj-list ul li .right .time:after{content: "";position: absolute; bottom: 0; left: 0; width: 40px; height: 3px; background-color: #004d9c;}
.tj-list ul li .right .time-more{font-size: 12px; color: #888;-webkit-transition: all .5s; transition: all .5s;}

.goback{text-align: right;}
.goback a{display: inline-block; padding: 5px 20px; border: 1px solid #888; font-size: 14px; color: #888;-webkit-transition: all .5s;transition: all .5s;}
.goback a:hover{background-color: #004d9c; color: #FFF; border-color: #004d9c;}

.zdevice{width: 100%; padding: 2rem 0}
.zdevice .tit{padding-top: 80px;padding-bottom: 45px;text-align: center;}
.zdevice .tit{padding-top:80px;padding-bottom: 45px;text-align: center;}
.zdevice .tit h2{font-size:28px;line-height:28px;color:#2a6cb5;margin-bottom:15px;font-weight: bold;}
.zdevice .tit p{font-size:22px;color:#676767;line-height:22px;}

.img-quality{width: 100%; font-size: 0}
.img-quality img{width: 100%}

.goods-detail{padding: 3rem 0;}
.goods-dcontent{display: flex; justify-content: space-between; padding-top: 50px; font-size: 14px;}
.goods-dcontent .gd-img{width: 45%;}
.goods-dcontent .gd-img img{width: 100%;}
.goods-dcontent .gd-con{width: 50%; line-height: 1.5;}
.goods-dcontent .gd-con h3{font-size: 20px; color: #000045; padding-bottom: 2rem;}
.goods-dcontent .gd-con img{width: 100%;}

.intro-con{padding: 4rem 0 2rem 0}
.intro-body h2{font-size: 28px;font-weight: 400;color: #5c6672; padding-bottom: 2rem}
.intro-body .desc{width: 100%;font-size: 16px;color: #4d4d4d; margin-bottom: 30px; text-align: justify; line-height: 1.8}
.z-addr{padding-bottom: 5rem}
.z-addr h3{font-size: 23px;color: #666;font-weight: 400;margin-bottom: 33px;}
.z-addr .addr-box{display: flex; justify-content: space-between;}
.z-addr .addr-box .item{width: 46%; font-size: 16px; color: #666}
.z-addr .addr-box .item p{padding: 10px 0 0 0}
.z-addr .addr-box .item p.addrlang{display: flex; justify-content: left;}
.z-addr .addr-box .item p.addrlang span{display: inline-block;}
.z-addr .addr-box .item p.addrlang span{width: 86%}
.z-addr .addr-box .item p.addrlang span:first-child{width: 50px}

.footer{width: 100%;background: #000045;overflow: hidden;padding-top: 95px;color: #fff;}
.footer-wrap{display: flex; justify-content: space-between; margin-bottom: 100px}
.foot-left{width: 275px}
.foot-left h2{font-size:18px;line-height:18px;color:#fff;margin-bottom:28px;}
.foot-left p{color:rgba(255, 255, 255, .8);font-size:14px;line-height:18px;margin-bottom:20px;}
.foot-left p.email:before{content:'';display: inline-block;width:15px;height:13px;background:url(../../images/xm/email.png)no-repeat center;background-size: cover;margin-bottom: -2px;margin-right: 10px;}#foot .foot-call p.tel:before{content:'';display: inline-block;width:12px;height:13px;background:url(../images/foot-icon2.png)no-repeat center;background-size: cover;margin-bottom: -2px;margin-right: 10px;}
.foot-left p.tel:before{content:'';display: inline-block;width:12px;height:13px;background:url(../../images/xm/tel.png)no-repeat center;background-size: cover;margin-bottom: -2px;margin-right: 10px;}
.foot-left p.adds:before{content:'';display: inline-block;width:13px;height:19px;background:url(../../images/xm/addr.png)no-repeat center;background-size: cover;margin-bottom: -2px;margin-right: 10px;}
.foot-left p.foot-pd{padding-left:23px;}
.foot-middle{width:215px; display: flex; justify-content: space-between; flex-wrap: wrap;}
.foot-middle li{width:100px;margin-bottom:35px;text-align: center;}
.foot-middle li img{width:100%;}
.foot-middle li p{font-size:12px;color:#fff;line-height:12px;margin-top:7px;}

.foot-right{width:475px; display: flex;justify-content: space-between;}
.foot-right .foot-li p{font-size:18px;line-height:18px;margin-bottom:25px;}
.foot-right .foot-li li{font-size:14px;line-height:14px;margin-bottom:25px;}
.foot-right .foot-li li a{color:rgba(255, 255, 255, .8);}

.foot-bottom{background:#00003b;width:100%; padding: 40px 0;box-sizing: border-box;}
.foot-bottom p{font-size:14px; color: #FFF}
.foot-bottom p a{color:#fff;}

@media (max-width:1025px) {
	.pc{display: none;}
    .m{display: block;}
    .container{width: 100%}

    .mtd-header{position: fixed; z-index: 99; top: 0; width: 100%; background-color: #FFF; box-shadow: 0 0 8px 0 rgb(0 0 0 / 10%);}
    .mtd-header .mlogo{padding: 15px 12px 5px 15px; float: left;}
    .mtd-header .mlogo img{width: 135px;}
    .mtd-header-info {position: relative;z-index: 10;height: 70px;}
    .mtd-header-info .nav_btn{float: right;margin: 20px 20px 0 0;cursor:pointer;height: 32px;width: 25px;position: relative;}
    .mtd-header-info .nav_btn span{display: inline-block;width: 25px;height: 2px;background-color: #333;position: absolute;top: 16px;left: 0px;transition:background-color 0.3s ease-out 0.1s}
    .mtd-header-info .nav_btn span:after{content:'';display: inline-block;width: 25px;height: 2px;background-color: #333;position: absolute;top: 8px;left:0px;transition:transform 0.3s ease-out,top 0.5s ease 0.4s;transform: rotate(0deg)}
    .mtd-header-info .nav_btn span:before{content:'';display: inline-block;width: 25px;height: 2px;background-color: #333;position: absolute;top: -8px;left:0px;transition:transform 0.3s ease-out,top 0.5s ease 0.4s;transform: rotate(0deg)}
    .mtd-header-info.btn_click .nav_btn span{background-color: transparent;}
    .mtd-header-info.btn_click .nav_btn span:after{transition: top 0.5s ease, transform 0.3s ease-out 0.4s;transform: rotate(-45deg);top: 0px }
    .mtd-header-info.btn_click .nav_btn span:before{transition: top 0.5s ease, transform 0.3s ease-out 0.4s;transform: rotate(45deg);top: 0px}
    .mtd-header-info .nav {position: fixed;top: 65px;left: 0px;right: 0px;bottom: 0px;background: #fff;visibility: hidden;filter: alpha(opacity=0);-moz-opacity: 0;opacity: 0;transition: all 0.5s;overflow: auto;}
    .mtd-header-info.btn_click .nav{visibility: visible;filter:alpha(opacity=100);-moz-opacity:1;opacity:1;top:70px;transition: all 0.5s;}
    .mtd-header-info .nav>ul {overflow-y: auto}
    .mtd-header-info .nav>ul>li{border-top: 1px solid #dcdcdc}
    .mtd-header-info .nav>ul>li:last-child{border-bottom: 1px solid #dcdcdc}
    .mtd-header-info .nav li a{color: #333;display:block;text-align: center;height: 100%}
    .mtd-header-info .nav li>a{padding:15px 25px }
    .mtd-header-info .nav>ul>li>a{font-size: 16px; text-align: left;}
    .mtd-header-info .nav>ul>li>a em{font-size: 14px;padding-left: 5px;color: #333}

    .navPhone-li{display: none;transition: all 0.5s;}
    .navPhone-li ul li a{text-align: left !important;position: relative;font-size: 14px !important;padding-left: 43px !important;}
    .nav>ul li a i{display: inline-block;width: 9px;height: 6px;background: url(../images/icon-2.png) no-repeat;margin-left: 5px;-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;-ms-transition: all .3s;transition: all .3s}
    .nav.nav-phone>ul li.active a i{ background: url(../images/icon-2.png) no-repeat;transform:rotate(180deg);-ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -o-transform:rotate(180deg); }
    
    .lang{position: absolute;right: 60px;color: #555;font-size: 14px; top:28px}
    .lang a{color: #555}

    .i-banner{margin-top: 70px}
    .zbanner{margin-top: 70px}

    .i-product{padding: 2rem 0 55px 0;}
    .i-product .i-p-list{padding: 0.3rem 0px;}
    .i-product .i-p-list{width: 94%; margin: 0 auto;}
    .i-product .i-p-list li {width: 48%;margin-bottom: 1rem;border-radius: 0.15rem;padding: 1rem 0px; margin-left: 4%}
    .i-product .i-p-list li:nth-child(3n+1){margin-left: 2%}
    .i-product .i-p-list li:nth-child(2n+1){margin-left: 0}
    .i-product .i-p-list li .pro-img{width:100%; height: auto;}
    .i-product .i-p-list li .pro-img img{width: 100%; height: auto;}
    .i-product .i-p-more{ width:180px; height:40px; font-size:18px; line-height:40px }

    .i-about{padding-top: 120px}
    .i-ab-box{display: block;}
    .i-about .ab-img{margin-left: 0px;}
    .i-about .ab-img .imgs {width: 94%;height: auto !important; margin: 0 auto;}
    .i-about .ab-img h3 {font-size: 20px;color: #003a74;text-align: center;position: absolute;top: -8.8rem;right: 0;left: 0;}
    .i-about .ab-img h3:before{width: 0}  
    .i-about .ab-info {width: 94%; margin: 2rem auto;}
    .i-about .ab-info p{font-size: 16px}

    .i-partner .i-p-list li{width: 32%; margin-right: 1.25%;height: 80px;}
    .i-partner .i-p-list li:nth-child(5n){margin-right: 1.25%}
    .i-partner .i-p-list li:nth-child(3n){margin-right: 0}

    .zdevice{width: 94%; margin: 0 auto;}
    .zdevice img{width: 100%}
    .zdevice .tit p{font-size: 14px}

    .znews{padding: 2rem 0}
    .news-list{width: 94%; margin: 0 auto;}
    .news-list li{border-radius: 4px;margin-bottom: 15px;padding:10px;}
    .news-list li .list-img{width: 40%;height: 90px;margin-right: 5%;}
    .news-list li .news-text{height:auto;width:55%;}
    .news-list li .news-text h3{font-size:14px;line-height:16px;}
    .news-list li .news-text p.desc{font-size:12px;line-height:16px; margin: 5px auto;}
    .news-list li .news-text a{font-size: 14px;line-height: 14px;}

    .zjob{padding: 3rem 0;}
    .zjob .job-box{ width: 94%; margin: 0 auto;}
    .zjob .job-text{padding: 30px 20px}
    .zjob .job-text .job-title h3{font-size: 18px}
    .zjob .job-text .job-title .job-desc{font-size: 14px}

    .intro-con{width: 92%; margin: 0 auto;}
    .nav-wrapper{font-size: 14px}
    .nav-box .nav-item{padding: 0 20px}
    .intro-body h2{font-size: 20px}
    .intro-body .desc{font-size: 14px}
    .leader-list-item{width: 100%}
    .z-addr .addr-box{display: block;}
    .z-addr .addr-box .item{width: 100%}

    .goods-detail{width: 94%; margin: 0 auto;}
    .goods-dcontent{display: block;}
    .goods-dcontent .gd-img{width: 100%}
    .goods-dcontent .gd-con{width: 100%}

    .footer{padding-top: 50px}
    .footer-wrap{width: 94%; margin: 0 auto;}
    .foot-middle{width: 200px}
    .foot-middle li{width: 75px}

    .foot-left h2{font-size: 14px; margin-bottom: 10px}
    .foot-left p{margin-bottom: 10px; font-size: 12px}
}

@media (max-width:767px) {
	.pc{display: none;}
    .m{display: block;}
    .container{width: 100%}

    .mtd-header{position: fixed; z-index: 99; top: 0; width: 100%; background-color: #FFF; box-shadow: 0 0 8px 0 rgb(0 0 0 / 10%);}
    .mtd-header .mlogo{padding: 15px 12px 5px 15px; float: left;}
    .mtd-header .mlogo img{width: 135px;}
    .mtd-header-info {position: relative;z-index: 10;height: 70px;}
    .mtd-header-info .nav_btn{float: right;margin: 20px 20px 0 0;cursor:pointer;height: 32px;width: 25px;position: relative;}
    .mtd-header-info .nav_btn span{display: inline-block;width: 25px;height: 2px;background-color: #333;position: absolute;top: 16px;left: 0px;transition:background-color 0.3s ease-out 0.1s}
    .mtd-header-info .nav_btn span:after{content:'';display: inline-block;width: 25px;height: 2px;background-color: #333;position: absolute;top: 8px;left:0px;transition:transform 0.3s ease-out,top 0.5s ease 0.4s;transform: rotate(0deg)}
    .mtd-header-info .nav_btn span:before{content:'';display: inline-block;width: 25px;height: 2px;background-color: #333;position: absolute;top: -8px;left:0px;transition:transform 0.3s ease-out,top 0.5s ease 0.4s;transform: rotate(0deg)}
    .mtd-header-info.btn_click .nav_btn span{background-color: transparent;}
    .mtd-header-info.btn_click .nav_btn span:after{transition: top 0.5s ease, transform 0.3s ease-out 0.4s;transform: rotate(-45deg);top: 0px }
    .mtd-header-info.btn_click .nav_btn span:before{transition: top 0.5s ease, transform 0.3s ease-out 0.4s;transform: rotate(45deg);top: 0px}
    .mtd-header-info .nav {position: fixed;top: 65px;left: 0px;right: 0px;bottom: 0px;background: #fff;visibility: hidden;filter: alpha(opacity=0);-moz-opacity: 0;opacity: 0;transition: all 0.5s;overflow: auto;}
    .mtd-header-info.btn_click .nav{visibility: visible;filter:alpha(opacity=100);-moz-opacity:1;opacity:1;top:70px;transition: all 0.5s;}
    .mtd-header-info .nav>ul {overflow-y: auto}
    .mtd-header-info .nav>ul>li{border-top: 1px solid #dcdcdc}
    .mtd-header-info .nav>ul>li:last-child{border-bottom: 1px solid #dcdcdc}
    .mtd-header-info .nav li a{color: #333;display:block;text-align: center;height: 100%}
    .mtd-header-info .nav li>a{padding:15px 25px }
    .mtd-header-info .nav>ul>li>a{font-size: 16px; text-align: left;}
    .mtd-header-info .nav>ul>li>a em{font-size: 14px;padding-left: 5px;color: #333}

    .navPhone-li{display: none;transition: all 0.5s;}
    .navPhone-li ul li a{text-align: left !important;position: relative;font-size: 14px !important;padding-left: 43px !important;}
    .nav>ul li a i{display: inline-block;width: 9px;height: 6px;background: url(../images/icon-2.png) no-repeat;margin-left: 5px;-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;-ms-transition: all .3s;transition: all .3s}
    .nav.nav-phone>ul li.active a i{ background: url(../images/icon-2.png) no-repeat;transform:rotate(180deg);-ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -o-transform:rotate(180deg); }
    
    .lang{position: absolute;right: 60px;color: #555;font-size: 14px; top:28px}
    .lang a{color: #555}

    .i-banner{margin-top: 70px}
	.zbanner{margin-top: 70px}

    .i-product{padding: 2rem 0 55px 0;}
    .i-product .i-p-list{padding: 0.3rem 0px;}
    .i-product .i-p-list{width: 94%; margin: 0 auto;}
    .i-product .i-p-list li {width: 48%;margin-bottom: 1rem;border-radius: 0.15rem;padding: 1rem 0px; margin-left: 4%}
    .i-product .i-p-list li:nth-child(3n+1){margin-left: 2%}
    .i-product .i-p-list li:nth-child(2n+1){margin-left: 0}
    .i-product .i-p-list li .pro-img{width:100%; height: auto;}
    .i-product .i-p-list li .pro-img img{width: 100%; height: auto;}
    .i-product .i-p-more{ width:180px; height:40px; font-size:18px; line-height:40px }

    .i-about{padding-top: 120px}
    .i-ab-box{display: block;}
    .i-about .ab-img{margin-left: 0px;}
    .i-about .ab-img .imgs {width: 94%;height: auto !important; margin: 0 auto;}
    .i-about .ab-img h3 {font-size: 20px;color: #003a74;text-align: center;position: absolute;top: -8.8rem;right: 0;left: 0;}
    .i-about .ab-img h3:before{width: 0}  
    .i-about .ab-info {width: 94%; margin: 2rem auto;}
    .i-about .ab-info p{font-size: 16px}

    .i-partner .i-p-list li{width: 32%; margin-right: 1.25%;height: 80px;}
    .i-partner .i-p-list li:nth-child(5n){margin-right: 1.25%}
    .i-partner .i-p-list li:nth-child(3n){margin-right: 0}

    .zdevice{width: 94%; margin: 0 auto;}
    .zdevice img{width: 100%}
    .zdevice .tit p{font-size: 14px}

    .znews{padding: 2rem 0}
    .news-list{width: 94%; margin: 0 auto;}
	.news-list li{border-radius: 4px;margin-bottom: 15px;padding:10px;}
	.news-list li .list-img{width: 40%;height: 90px;margin-right: 5%;}
	.news-list li .news-text{height:auto;width:55%;}
	.news-list li .news-text h3{font-size:14px;line-height:16px;}
	.news-list li .news-text p.desc{font-size:12px;line-height:16px; margin: 5px auto;}
	.news-list li .news-text a{font-size: 14px;line-height: 14px;}

	.zjob{padding: 3rem 0;}
	.zjob .job-box{ width: 94%; margin: 0 auto;}
	.zjob .job-text{padding: 30px 20px}
	.zjob .job-text .job-title h3{font-size: 18px}
	.zjob .job-text .job-title .job-desc{font-size: 14px}

	.intro-con{width: 92%; margin: 0 auto;}
    .nav-wrapper{font-size: 14px}
    .nav-box .nav-item{padding: 0 20px}
    .intro-body h2{font-size: 20px}
    .intro-body .desc{font-size: 14px}
    .leader-list-item{width: 100%}
    .z-addr .addr-box{display: block;}
    .z-addr .addr-box .item{width: 100%}

    .goods-detail{width: 94%; margin: 0 auto;}
    .goods-dcontent{display: block;}
    .goods-dcontent .gd-img{width: 100%}
    .goods-dcontent .gd-con{width: 100%}

    .footer{padding-top: 50px}
    .footer-wrap{width: 94%; margin: 0 auto;}
    .foot-middle{width: 200px}
    .foot-middle li{width: 75px}

    .foot-left h2{font-size: 14px; margin-bottom: 10px}
    .foot-left p{margin-bottom: 10px; font-size: 12px}
    
}